table.js ➔ ... ➔ this.LoadEndCalback - Code Metrics - Inspection of "no message" - webdivane/table - Measure and Improve Code Quality continuously with Scrutinizer

Passed

Branch — master (dfb0de)

by Plamen

created 2019-03-02 06:33 UTC

table.js ➔ ... ➔ this.LoadEndCalback A

↳ Parent: table.js ➔ ???

Complexity

Conditions	1
Paths	1

Size

Total Lines	1
Code Lines	1

Duplication

Lines	0
Ratio	0 %

Importance

Changes	2
Bugs	0	Features	0

Metric	Value
cc	1
eloc	1
c	2
b	0
f	0
nc	1
nop	1
dl	0
loc	1
rs	10

var strAsc = String.fromCharCode(9650); //&#9650;
var strDesc = String.fromCharCode(9660);//&#9660;
var xmlhttp; var d;

var table = new function(){
    this.rq = null;
    this.tail = [];

    this.ReloadData = function(tableId){
        var request = {};
        this.BuildRequest(request,tableId);
        this.LoadData(tableId,request);
    };

    this.BuildRequest = function(request, crntTableId, skipPropertyArray){
        this.rq = request;
        this.checkSkip = function(skipProperty){
            var result = false;
            if(skipPropertyArray && Object.prototype
                .toString.call(skipPropertyArray) === '[object Array]'){
                if(skipPropertyArray.indexOf(skipProperty)>=0){
                    result = true;
                }
            }
            return result;
        };
        this.getSort = function(){
            var table = document.getElementById(crntTableId);
            var thTags = table.getElementsByTagName("thead")[0]
                        .getElementsByTagName("th");
            for(var i = 0; i < thTags.length; i++ ){
                if(thTags[i].getElementsByTagName("a")[0] && thTags[i]
                    .getElementsByTagName("a")[0].getElementsByTagName("span")
                    .length === 1
                ){
                    var order = thTags[i].getElementsByTagName("a")[0]
                                .getElementsByTagName("span")[0].innerHTML;
                    if(order.length === 1){
                        this.rq.colNo = i;
                        this.rq.colOrd = (order === window.strDesc) ?
                                            "desc" : "asc";
                    }
                }
            }
        };
        this.getFilter = function(){
            var r = this.getFilterFieldsByTbaleID(crntTableId);
            if(r.filter !== null){
                this.rq.filter = r.filter;
            }
            if(r.filterBy !== null){
                this.rq.filterBy = r.filterBy;
            }
        };

        /* Build request object */
        if(!this.checkSkip("sort")){            this.getSort();         }
        if(!this.checkSkip("filter")){          this.getFilter();       }

        this.rq.tableId = crntTableId;
        return this.rq;
    };

    this.RequestToUrl = function(rq){
        var url=location.pathname + ".json" + location.search;
        if(typeof rq === "object"){
            var getUrlVarName = {
                colNo: "col", colOrd: "ord", filter: "filter", 
                filterBy: "filter-by", pageNo: "pg", exportType: "export",
                tableId: "table-id"
            };
            var flagFirst = location.search.length < 1 ? true : false;
            for(var r in rq){
                if ( ! rq.hasOwnProperty(r)) {
                    continue; // Skip keys from the prototype.
                }
                var clue = flagFirst===true ? "?" : "&";
                url += clue + getUrlVarName[r] + "=" + rq[r];
                flagFirst = false;
            }
        }
        return url;
    };

    this.Filter = function(field){
        var request = {};
        var isSelect = field.tagName.toLowerCase() === "select";
        if(isSelect){
            var f = field.parentNode.parentNode.getElementsByTagName("input")[0];
            if('' === f.value){
                return;
            }
            var crntTableId = f.getAttribute("data-table-id");
        } else {
            var crntTableId = field.getAttribute("data-table-id");

        }
        var exRq = this.rq;
        this.BuildRequest(request,crntTableId);
        if(exRq===null){
            this.LoadData(crntTableId,request);
        } else if(  request.filter !== exRq.filter ||
                    request.filterBy !== exRq.filterBy
        ){
            this.LoadData(crntTableId,request);
        }
    };

    this.GoPage = function(lnk){
        var request = {};
        var table = this.getParent(lnk,"table");
        var crntTableId = table.getAttribute("id");
        this.BuildRequest(request,crntTableId);
        //check & serve pagination jump links
        var jumpDir=lnk.innerHTML.trim().substr(0,1);
        if(jumpDir==="+" || jumpDir==="-"){
            var current = table.querySelector("tfoot .paging .a").innerHTML;
            var jump = lnk.innerHTML.replace("K","000").replace("M","000000000");
            var jumpPage = (parseInt(current)+parseInt(jump));
            lnk.parentNode.setAttribute("data-page",jumpPage);
            lnk.style.transform="none";
        }
        request.pageNo = lnk.parentNode.hasAttribute("data-page") ?
                         lnk.parentNode.getAttribute("data-page") :
                         lnk.innerHTML;
        this.LoadData(crntTableId,request);
        return false;
    };

    this.Export = function(lnk,eType){
        var request = {};
        var crntTableId = this.getParent(lnk,"table").getAttribute("id");
        this.BuildRequest(request,crntTableId);
        request.exportType = ["CSV","Excel"].indexOf(eType)>=0 ? eType : "csv";
        window.open(this.RequestToUrl(request));
        return false;
    };

    this.Sort = function(colNo,lnk){
        var request = {};
        var crntTableId = this.getParent(lnk,"table").getAttribute("id");
        this.BuildRequest(request,crntTableId);
        if(Math.round(colNo) === request.colNo){
            request.colOrd = request.colOrd === "asc" ? "desc" : "asc";
        } else {
            request.colNo=Math.round(colNo);
            request.colOrd = "asc";
        }
        this.LoadData(crntTableId,request);
        /* Clear and add new sort arrow */
        var headSpans = this.getParent(lnk,"thead").getElementsByTagName("span");
        for(var i=0; i < headSpans.length; i++){
            headSpans[i].innerHTML = "";
        }
        lnk.getElementsByTagName("span")[0].innerHTML = (request.colOrd === "desc" ? window.strDesc : window.strAsc);
    };

    this.DrawSection = function(tableContainer, dt, tSection){
        var section = tSection === "tfoot" ? "tfoot" : "tbody";
        tSection =  document.getElementById(tableContainer).
                        getElementsByTagName(section)[0];
        this.clearSection(tSection);
        for(var i=0; i < dt.length; i++) {
            var row = dt[i];
            var tRow = document.createElement("tr");

            this.DrawRow(row, tRow);

            tSection.appendChild(tRow);
            if(section === "tfoot"){
                this.footerProcessPaginationLinks(tSection);
            }
            this.AppendRowCalback(tableContainer);
        }
    };

    this.DrawRow = function(row, tRow){
        for(var cell in row){
            if ( ! row.hasOwnProperty(cell)) {
                continue; // Skip keys from the prototype.
            }
            var tCell = document.createElement("td");
            if(typeof row[cell] === "string" || typeof row[cell] === "number"){
                tCell.innerHTML = row[cell];
            } else if(typeof row[cell] === "object"){
                this.DrawCellFromObject(row, cell, tCell);
            }
            tRow.appendChild(tCell);
        }
    };

    this.DrawCellFromObject = function(row, cell, tCell){
        for(var attr in row[cell]){
            if ( ! row[cell].hasOwnProperty(attr)) {
                continue; // Skip keys from the prototype.
            }
            if(typeof row[cell][attr] === "string"){
                tCell.innerHTML = row[cell][attr];
            } else if(typeof row[cell][attr] === "object"){
                for(var v in row[cell][attr]){
                    if ( ! row[cell][attr].hasOwnProperty(v)) {
                        continue; // Skip keys from the prototype.
                    }
                    tCell.setAttribute(v,row[cell][attr][v]);
                }
            }
        }
    };

    this.footerProcessPaginationLinks = function(tSection){
        var pLinks = tSection.querySelectorAll(".paging a");
        if(pLinks.length>0){
            for(var j=0; j < pLinks.length; j++){
                pLinks[j].setAttribute("href","javascript:void(0);");
                pLinks[j].setAttribute("onclick","return table.GoPage(this);");
            }
        }
    };

    this.clearSection = function(tSection){
        if(this.iePrior(9)){
            if(tSection.firstChild){
                while (tSection.firstChild) {
                    tSection.removeChild(tSection.firstChild);
                }
            }
        } else {
            tSection.innerHTML="";
        }
    };

    this.SetTheTableColumnsHoverEffect = function (tableContainer){
        if(this.iePrior(9)) {return;}
        var tContainer = document.getElementById(tableContainer);
        var tHcells = tContainer.rows[0].cells;
        for(var i=0; i < tHcells.length; i++){
            if(tHcells[i].firstChild.tagName === "A"){
                tHcells[i].firstChild.setAttribute("onmouseover","table.ColumnHover('"+tableContainer+"',"+i+");");
                tHcells[i].firstChild.setAttribute("onmouseout","table.ColumnHover('"+tableContainer+"');");
            }
        }
        var pLinks = tContainer.querySelectorAll("tfoot .paging a");
        if(pLinks.length>0){
            for(var j=0; j < pLinks.length; j++){
                pLinks[j].setAttribute("href","javascript:void(0);");
                pLinks[j].setAttribute("onclick","return table.GoPage(this);");
            }
        }
    };

    this.ColumnHover = function(tableContainer,index){
        if(this.iePrior(9)) {return;}
        var tRow = document.getElementById(tableContainer).rows;
        index = Math.round(index);
        for(var i=0; i < (tRow.length-1); i++){
            if(index >= 0){
                tRow[i].cells[index].setAttribute("lang","col-hover");
            } else {
                for(var j=0; j < tRow[i].cells.length; j++){
                    if(tRow[i].cells[j].lang){
                        tRow[i].cells[j].removeAttribute("lang");
                    }
                }
            }
        }
    };

    this.getFilterFieldsByTbaleID = function(tableID){
        var fields = {filterBy:null, filter:null};
        var filterDiv = this.getFilterDivByTableIDOrNull(tableID);
        if(filterDiv!==null) {
            var selectObj = filterDiv.getElementsByTagName("select")[0];
            var textObj = filterDiv.getElementsByTagName("input")[0];
            fields.filterBy = (selectObj===null || selectObj.options[selectObj.selectedIndex].value==="all") ? null : selectObj.options[selectObj.selectedIndex].value;
            fields.filter = (textObj===null || textObj.value.length === 0) ? null : encodeURIComponent(textObj.value.trim());
        }
        return fields;
    };

    this.getFilterDivByTableIDOrNull = function(tableID){
        var res = null;
        if(document.getElementById(tableID).parentNode.getElementsByTagName("div").length > 0){
            for (var i = 0; i < document.getElementById(tableID).parentNode.getElementsByTagName("div").length; i++) {
                if(document.getElementById(tableID).parentNode.getElementsByTagName("div")[i].getAttribute("class")==="filter"){
                    return document.getElementById(tableID).parentNode.getElementsByTagName("div")[i];
                }
            }

        }
        return res;
    };

    this.LoadData = function(tableContainer,rq){
        this.setVisability(tableContainer, false);
        if (window.XMLHttpRequest) { xmlhttp=new XMLHttpRequest();/* code for IE7+, Firefox, Chrome, Opera, Safari */
        } else { /** global: ActiveXObject */
            xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");/*code for IE6, IE5 */}

        for (var i = 0; i < this.tail.length; i++) {
            var ex_xmlhttp = this.tail.shift();
            ex_xmlhttp.abort();
        }
        xmlhttp.onreadystatechange = function() {
            if (xmlhttp.readyState === 4 && xmlhttp.status === 200) {
                d = JSON.parse(xmlhttp.responseText);
                table.DrawSection(tableContainer,d.body);
                table.DrawSection(tableContainer,d.footer,"tfoot");
                table.LoadEndCalback(tableContainer);
                table.setVisability(tableContainer, true);
                if(typeof rq === "object"){
                    table.ColumnHover(tableContainer,rq.colNo);
                }
            }
        };
        xmlhttp.open("GET", this.RequestToUrl(rq), true);
        xmlhttp.send();
        this.tail.push(xmlhttp); //put in tail to may later abort any previous
    };

    this.setVisability = function(tableContainer,rq){
        var tbl = document.getElementById(tableContainer);
        if(rq===true){
            tbl.style.filter = "none";
            tbl.style.opacity = "1";
            tbl.style.cursor = "auto";
        } else if(rq===false){
            tbl.style.filter = "blur(1px)";
            tbl.style.opacity = "0.8";
            tbl.style.cursor = "wait";
        } else { console.log("table error in the rq value"); /*Shows error*/}

    };

    this.getParent = function (obj,objType){
        while( obj && obj.tagName !== objType.toUpperCase() ){
            obj = obj.parentNode;
        } return obj;
    };

    this.init = function(tableId){
        this.SetTheTableColumnsHoverEffect(tableId);
    };

    this.iePrior = function(v) {var rv=false; if(/** global: navigator */ navigator.appName==='Microsoft Internet Explorer') {var ua=navigator.userAgent; var re=new RegExp("MSIE ([0-9]{1,}[\.0-9]{0,})"); if(re.exec(ua)!==null){rv=parseFloat(RegExp.$1);} rv=rv<v?true:false; } return rv;};

    this.loadJS = function(src){ var s = document.createElement('script'); s.src = src; document.getElementsByTagName('head')[0].appendChild(s);};
    this.loadCSS = function(src){ var s = document.createElement('link'); s.href = src; s.rel="stylesheet"; document.getElementsByTagName('head')[0].appendChild(s);};

    this.LoadEndCalback = function(tableId){/* Allows override if(tableId){}*/};

    this.AppendRowCalback = function(tableId){/* Allows override if(tableId){}*/};

};

/** Moves custom created filter to the Table's filter
 * @param {string} filterId
 * @param {string} tableId
 * @param {boolean} delay - needed in case the table is istill not executed */
function moveSelectorToTheTableFilter(filterId, tableId, delay){
    if(delay===true){
        setTimeout(function(){
            var filterDiv = document.getElementById(tableId)
                            .getElementsByTagName("div")[0];
            filterDiv.appendChild(document.getElementById(filterId));
        },500);
    } else {
        var filterDiv = document.getElementById(tableId)
                        .getElementsByTagName("div")[0];
        filterDiv.appendChild(document.getElementById(filterId));
    }
}
function changeListCustomFilter(selectObj){
    var fId = selectObj.options[selectObj.selectedIndex].value;
    var varName = selectObj.getAttribute("name");
    var varPos = document.URL.indexOf(varName);
    if(varPos>0){
        var url = fId!=="{!--Empty--!}" ? document.URL.substring(0,varPos) : document.URL.substring(0,(varPos-1));
    } else {
        var separator = document.URL.indexOf("?")>0 ? "&" : "?";
        url = document.URL + (fId!=="{!--Empty--!}" ? separator : "");
    }
    var newUrl = url + (fId!=="{!--Empty--!}" ? (varName + "=" + fId) : "");
    location.assign(newUrl);
}


function tablesLoadData(){
    var tables = document.getElementsByTagName("table");
    var envPrior9 = table.iePrior(9);
    for (var i = 0; i < tables.length; i++) {
        var isProcessable = envPrior9 ?
                            typeof tables[i]["data-table"]!== 'undefined' :
                            tables[i].hasAttribute("data-table");
        if(isProcessable && tables[i].getAttribute("data-table") === "js"){
            table.LoadData(tables[i].id);
            table.SetTheTableColumnsHoverEffect(tables[i].id);
        }
    }
    if(table.iePrior(10)){
        table.loadJS("/add/helpers/table/add/json2.js");
    }

    /*if(table.iePrior(8)){ //can be used to add apropriate tables links modifications
        // loadCSS("/add/helpers/table/add/ie7-and-down.css");
    }*/
}

/*if(window.addEventListener){window.addEventListener('load',tablesLoadData,false);} else if(window.attachEvent){window.attachEvent('onload',tablesLoadData);}*/

1			var strAsc = String.fromCharCode(9650); //▲
2			var strDesc = String.fromCharCode(9660);//▼
3			var xmlhttp; var d;
4
5			var table = new function(){
6			this.rq = null;
7			this.tail = [];
8
9			this.ReloadData = function(tableId){
10			var request = {};
11			this.BuildRequest(request,tableId);
12			this.LoadData(tableId,request);
13			};
14
15			this.BuildRequest = function(request, crntTableId, skipPropertyArray){
16			this.rq = request;
17			this.checkSkip = function(skipProperty){
18			var result = false;
19			if(skipPropertyArray && Object.prototype
20			.toString.call(skipPropertyArray) === '[object Array]'){
21			if(skipPropertyArray.indexOf(skipProperty)>=0){
22			result = true;
23			}
24			}
25			return result;
26			};
27			this.getSort = function(){
28			var table = document.getElementById(crntTableId);
29			var thTags = table.getElementsByTagName("thead")[0]
30			.getElementsByTagName("th");
31			for(var i = 0; i < thTags.length; i++ ){
32			if(thTags[i].getElementsByTagName("a")[0] && thTags[i]
33			.getElementsByTagName("a")[0].getElementsByTagName("span")
34			.length === 1
35			){
36			var order = thTags[i].getElementsByTagName("a")[0]
37			.getElementsByTagName("span")[0].innerHTML;
38			if(order.length === 1){
39			this.rq.colNo = i;
40			this.rq.colOrd = (order === window.strDesc) ?
41			"desc" : "asc";
42			}
43			}
44			}
45			};
46			this.getFilter = function(){
47			var r = this.getFilterFieldsByTbaleID(crntTableId);
48			if(r.filter !== null){
49			this.rq.filter = r.filter;
50			}
51			if(r.filterBy !== null){
52			this.rq.filterBy = r.filterBy;
53			}
54			};
55
56			/* Build request object */
57			if(!this.checkSkip("sort")){ this.getSort(); }
58			if(!this.checkSkip("filter")){ this.getFilter(); }
59
60			this.rq.tableId = crntTableId;
61			return this.rq;
62			};
63
64			this.RequestToUrl = function(rq){
65			var url=location.pathname + ".json" + location.search;
66			if(typeof rq === "object"){
67			var getUrlVarName = {
68			colNo: "col", colOrd: "ord", filter: "filter",
69			filterBy: "filter-by", pageNo: "pg", exportType: "export",
70			tableId: "table-id"
71			};
72			var flagFirst = location.search.length < 1 ? true : false;
73			for(var r in rq){
74			if ( ! rq.hasOwnProperty(r)) {
75			continue; // Skip keys from the prototype.
76			}
77			var clue = flagFirst===true ? "?" : "&";
78			url += clue + getUrlVarName[r] + "=" + rq[r];
79			flagFirst = false;
80			}
81			}
82			return url;
83			};
84
85			this.Filter = function(field){
86			var request = {};
87			var isSelect = field.tagName.toLowerCase() === "select";
88			if(isSelect){
89			var f = field.parentNode.parentNode.getElementsByTagName("input")[0];
90			if('' === f.value){
91			return;
92			}
93			var crntTableId = f.getAttribute("data-table-id");
94			} else {
95			var crntTableId = field.getAttribute("data-table-id");
			0 ignored issues – show Comprehensibility Naming Best Practice introduced 2019-03-01 09:14 UTC by Report Bug Copy Issue Report The variable `crntTableId` already seems to be declared on line `93`. Consider using another variable name or omitting the `var` keyword. This check looks for variables that are declared in multiple lines. There may be several reasons for this. In the simplest case the variable name was reused by mistake. This may lead to very hard to locate bugs. If you want to reuse a variable for another purpose, consider declaring it at or near the top of your function and just assigning to it subsequently so it is always declared. Loading history...
96			}
97			var exRq = this.rq;
98			this.BuildRequest(request,crntTableId);
99			if(exRq===null){
100			this.LoadData(crntTableId,request);
101			} else if( request.filter !== exRq.filter \|\|
102			request.filterBy !== exRq.filterBy
103			){
104			this.LoadData(crntTableId,request);
105			}
106			};
107
108			this.GoPage = function(lnk){
109			var request = {};
110			var table = this.getParent(lnk,"table");
111			var crntTableId = table.getAttribute("id");
112			this.BuildRequest(request,crntTableId);
113			//check & serve pagination jump links
114			var jumpDir=lnk.innerHTML.trim().substr(0,1);
115			if(jumpDir==="+" \|\| jumpDir==="-"){
116			var current = table.querySelector("tfoot .paging .a").innerHTML;
117			var jump = lnk.innerHTML.replace("K","000").replace("M","000000000");
118			var jumpPage = (parseInt(current)+parseInt(jump));
119			lnk.parentNode.setAttribute("data-page",jumpPage);
120			lnk.style.transform="none";
121			}
122			request.pageNo = lnk.parentNode.hasAttribute("data-page") ?
123			lnk.parentNode.getAttribute("data-page") :
124			lnk.innerHTML;
125			this.LoadData(crntTableId,request);
126			return false;
127			};
128
129			this.Export = function(lnk,eType){
130			var request = {};
131			var crntTableId = this.getParent(lnk,"table").getAttribute("id");
132			this.BuildRequest(request,crntTableId);
133			request.exportType = ["CSV","Excel"].indexOf(eType)>=0 ? eType : "csv";
134			window.open(this.RequestToUrl(request));
135			return false;
136			};
137
138			this.Sort = function(colNo,lnk){
139			var request = {};
140			var crntTableId = this.getParent(lnk,"table").getAttribute("id");
141			this.BuildRequest(request,crntTableId);
142			if(Math.round(colNo) === request.colNo){
143			request.colOrd = request.colOrd === "asc" ? "desc" : "asc";
144			} else {
145			request.colNo=Math.round(colNo);
146			request.colOrd = "asc";
147			}
148			this.LoadData(crntTableId,request);
149			/* Clear and add new sort arrow */
150			var headSpans = this.getParent(lnk,"thead").getElementsByTagName("span");
151			for(var i=0; i < headSpans.length; i++){
152			headSpans[i].innerHTML = "";
153			}
154			lnk.getElementsByTagName("span")[0].innerHTML = (request.colOrd === "desc" ? window.strDesc : window.strAsc);
155			};
156
157			this.DrawSection = function(tableContainer, dt, tSection){
158			var section = tSection === "tfoot" ? "tfoot" : "tbody";
159			tSection = document.getElementById(tableContainer).
160			getElementsByTagName(section)[0];
161			this.clearSection(tSection);
162			for(var i=0; i < dt.length; i++) {
163			var row = dt[i];
164			var tRow = document.createElement("tr");
165
166			this.DrawRow(row, tRow);
167
168			tSection.appendChild(tRow);
169			if(section === "tfoot"){
170			this.footerProcessPaginationLinks(tSection);
171			}
172			this.AppendRowCalback(tableContainer);
173			}
174			};
175
176			this.DrawRow = function(row, tRow){
177			for(var cell in row){
178			if ( ! row.hasOwnProperty(cell)) {
179			continue; // Skip keys from the prototype.
180			}
181			var tCell = document.createElement("td");
182			if(typeof row[cell] === "string" \|\| typeof row[cell] === "number"){
183			tCell.innerHTML = row[cell];
184			} else if(typeof row[cell] === "object"){
185			this.DrawCellFromObject(row, cell, tCell);
186			}
187			tRow.appendChild(tCell);
188			}
189			};
190
191			this.DrawCellFromObject = function(row, cell, tCell){
192			for(var attr in row[cell]){
193			if ( ! row[cell].hasOwnProperty(attr)) {
194			continue; // Skip keys from the prototype.
195			}
196			if(typeof row[cell][attr] === "string"){
197			tCell.innerHTML = row[cell][attr];
198			} else if(typeof row[cell][attr] === "object"){
199			for(var v in row[cell][attr]){
200			if ( ! row[cell][attr].hasOwnProperty(v)) {
201			continue; // Skip keys from the prototype.
202			}
203			tCell.setAttribute(v,row[cell][attr][v]);
204			}
205			}
206			}
207			};
208
209			this.footerProcessPaginationLinks = function(tSection){
210			var pLinks = tSection.querySelectorAll(".paging a");
211			if(pLinks.length>0){
212			for(var j=0; j < pLinks.length; j++){
213			pLinks[j].setAttribute("href","javascript:void(0);");
214			pLinks[j].setAttribute("onclick","return table.GoPage(this);");
215			}
216			}
217			};
218
219			this.clearSection = function(tSection){
220			if(this.iePrior(9)){
221			if(tSection.firstChild){
222			while (tSection.firstChild) {
223			tSection.removeChild(tSection.firstChild);
224			}
225			}
226			} else {
227			tSection.innerHTML="";
228			}
229			};
230
231			this.SetTheTableColumnsHoverEffect = function (tableContainer){
232			if(this.iePrior(9)) {return;}
233			var tContainer = document.getElementById(tableContainer);
234			var tHcells = tContainer.rows[0].cells;
235			for(var i=0; i < tHcells.length; i++){
236			if(tHcells[i].firstChild.tagName === "A"){
237			tHcells[i].firstChild.setAttribute("onmouseover","table.ColumnHover('"+tableContainer+"',"+i+");");
238			tHcells[i].firstChild.setAttribute("onmouseout","table.ColumnHover('"+tableContainer+"');");
239			}
240			}
241			var pLinks = tContainer.querySelectorAll("tfoot .paging a");
242			if(pLinks.length>0){
243			for(var j=0; j < pLinks.length; j++){
244			pLinks[j].setAttribute("href","javascript:void(0);");
245			pLinks[j].setAttribute("onclick","return table.GoPage(this);");
246			}
247			}
248			};
249
250			this.ColumnHover = function(tableContainer,index){
251			if(this.iePrior(9)) {return;}
252			var tRow = document.getElementById(tableContainer).rows;
253			index = Math.round(index);
254			for(var i=0; i < (tRow.length-1); i++){
255			if(index >= 0){
256			tRow[i].cells[index].setAttribute("lang","col-hover");
257			} else {
258			for(var j=0; j < tRow[i].cells.length; j++){
259			if(tRow[i].cells[j].lang){
260			tRow[i].cells[j].removeAttribute("lang");
261			}
262			}
263			}
264			}
265			};
266
267			this.getFilterFieldsByTbaleID = function(tableID){
268			var fields = {filterBy:null, filter:null};
269			var filterDiv = this.getFilterDivByTableIDOrNull(tableID);
270			if(filterDiv!==null) {
271			var selectObj = filterDiv.getElementsByTagName("select")[0];
272			var textObj = filterDiv.getElementsByTagName("input")[0];
273			fields.filterBy = (selectObj===null \|\| selectObj.options[selectObj.selectedIndex].value==="all") ? null : selectObj.options[selectObj.selectedIndex].value;
274			fields.filter = (textObj===null \|\| textObj.value.length === 0) ? null : encodeURIComponent(textObj.value.trim());
275			}
276			return fields;
277			};
278
279			this.getFilterDivByTableIDOrNull = function(tableID){
280			var res = null;
281			if(document.getElementById(tableID).parentNode.getElementsByTagName("div").length > 0){
282			for (var i = 0; i < document.getElementById(tableID).parentNode.getElementsByTagName("div").length; i++) {
283			if(document.getElementById(tableID).parentNode.getElementsByTagName("div")[i].getAttribute("class")==="filter"){
284			return document.getElementById(tableID).parentNode.getElementsByTagName("div")[i];
285			}
286			}
287
288			}
289			return res;
290			};
291
292			this.LoadData = function(tableContainer,rq){
293			this.setVisability(tableContainer, false);
294			if (window.XMLHttpRequest) { xmlhttp=new XMLHttpRequest();/* code for IE7+, Firefox, Chrome, Opera, Safari */
295			} else { /** global: ActiveXObject */
296			xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");/code for IE6, IE5 /}
			0 ignored issues – show Bug introduced 2019-02-16 22:09 UTC by Report Bug Copy Issue Report The variable `ActiveXObject` seems to be never declared. If this is a global, consider adding a `/** global: ActiveXObject */` comment. This checks looks for references to variables that have not been declared. This is most likey a typographical error or a variable has been renamed. To learn more about declaring variables in Javascript, see the MDN. Loading history...
297			for (var i = 0; i < this.tail.length; i++) {
298			var ex_xmlhttp = this.tail.shift();
299			ex_xmlhttp.abort();
300			}
301			xmlhttp.onreadystatechange = function() {
302			if (xmlhttp.readyState === 4 && xmlhttp.status === 200) {
303			d = JSON.parse(xmlhttp.responseText);
304			table.DrawSection(tableContainer,d.body);
305			table.DrawSection(tableContainer,d.footer,"tfoot");
306			table.LoadEndCalback(tableContainer);
307			table.setVisability(tableContainer, true);
308			if(typeof rq === "object"){
309			table.ColumnHover(tableContainer,rq.colNo);
310			}
311			}
312			};
313			xmlhttp.open("GET", this.RequestToUrl(rq), true);
314			xmlhttp.send();
315			this.tail.push(xmlhttp); //put in tail to may later abort any previous
316			};
317
318			this.setVisability = function(tableContainer,rq){
319			var tbl = document.getElementById(tableContainer);
320			if(rq===true){
321			tbl.style.filter = "none";
322			tbl.style.opacity = "1";
323			tbl.style.cursor = "auto";
324			} else if(rq===false){
325			tbl.style.filter = "blur(1px)";
326			tbl.style.opacity = "0.8";
327			tbl.style.cursor = "wait";
328			} else { console.log("table error in the rq value"); /Shows error/}
			0 ignored issues – show Debugging Code introduced 2019-03-01 09:14 UTC by Report Bug Copy Issue Report `console.log` looks like debug code. Are you sure you do not want to remove it? Loading history...
329			};
330
331			this.getParent = function (obj,objType){
332			while( obj && obj.tagName !== objType.toUpperCase() ){
333			obj = obj.parentNode;
334			} return obj;
335			};
336
337			this.init = function(tableId){
338			this.SetTheTableColumnsHoverEffect(tableId);
339			};
340
341			this.iePrior = function(v) {var rv=false; if(/** global: navigator */ navigator.appName==='Microsoft Internet Explorer') {var ua=navigator.userAgent; var re=new RegExp("MSIE ([0-9]{1,}[\.0-9]{0,})"); if(re.exec(ua)!==null){rv=parseFloat(RegExp.$1);} rv=rv<v?true:false; } return rv;};
			0 ignored issues – show Bug introduced 2019-02-16 22:09 UTC by Report Bug Copy Issue Report The variable `navigator` seems to be never declared. If this is a global, consider adding a `/** global: navigator */` comment. This checks looks for references to variables that have not been declared. This is most likey a typographical error or a variable has been renamed. To learn more about declaring variables in Javascript, see the MDN. Loading history...
342			this.loadJS = function(src){ var s = document.createElement('script'); s.src = src; document.getElementsByTagName('head')[0].appendChild(s);};
343			this.loadCSS = function(src){ var s = document.createElement('link'); s.href = src; s.rel="stylesheet"; document.getElementsByTagName('head')[0].appendChild(s);};
344
345			this.LoadEndCalback = function(tableId){/* Allows override if(tableId){}*/};
			0 ignored issues – show Unused Code introduced 2019-03-01 09:14 UTC by Report Bug Copy Issue Report The parameter `tableId` is not used and could be removed. This check looks for parameters in functions that are not used in the function body and are not followed by other parameters which are used inside the function. Loading history...
346			this.AppendRowCalback = function(tableId){/* Allows override if(tableId){}*/};
			0 ignored issues – show Unused Code introduced 2019-03-01 09:14 UTC by Report Bug Copy Issue Report The parameter `tableId` is not used and could be removed. This check looks for parameters in functions that are not used in the function body and are not followed by other parameters which are used inside the function. Loading history...
347			};
348
349			/** Moves custom created filter to the Table's filter
350			* @param {string} filterId
351			* @param {string} tableId
352			* @param {boolean} delay - needed in case the table is istill not executed */
353			function moveSelectorToTheTableFilter(filterId, tableId, delay){
354			if(delay===true){
355			setTimeout(function(){
356			var filterDiv = document.getElementById(tableId)
357			.getElementsByTagName("div")[0];
358			filterDiv.appendChild(document.getElementById(filterId));
359			},500);
360			} else {
361			var filterDiv = document.getElementById(tableId)
362			.getElementsByTagName("div")[0];
363			filterDiv.appendChild(document.getElementById(filterId));
364			}
365			}
366			function changeListCustomFilter(selectObj){
367			var fId = selectObj.options[selectObj.selectedIndex].value;
368			var varName = selectObj.getAttribute("name");
369			var varPos = document.URL.indexOf(varName);
370			if(varPos>0){
371			var url = fId!=="{!--Empty--!}" ? document.URL.substring(0,varPos) : document.URL.substring(0,(varPos-1));
372			} else {
373			var separator = document.URL.indexOf("?")>0 ? "&" : "?";
374			url = document.URL + (fId!=="{!--Empty--!}" ? separator : "");
375			}
376			var newUrl = url + (fId!=="{!--Empty--!}" ? (varName + "=" + fId) : "");
377			location.assign(newUrl);
378			}
379
380
381			function tablesLoadData(){
382			var tables = document.getElementsByTagName("table");
383			var envPrior9 = table.iePrior(9);
384			for (var i = 0; i < tables.length; i++) {
385			var isProcessable = envPrior9 ?
386			typeof tables[i]["data-table"]!== 'undefined' :
387			tables[i].hasAttribute("data-table");
388			if(isProcessable && tables[i].getAttribute("data-table") === "js"){
389			table.LoadData(tables[i].id);
390			table.SetTheTableColumnsHoverEffect(tables[i].id);
391			}
392			}
393			if(table.iePrior(10)){
394			table.loadJS("/add/helpers/table/add/json2.js");
395			}
396
397			/*if(table.iePrior(8)){ //can be used to add apropriate tables links modifications
398			// loadCSS("/add/helpers/table/add/ie7-and-down.css");
399			}*/
400			}
401
402			/if(window.addEventListener){window.addEventListener('load',tablesLoadData,false);} else if(window.attachEvent){window.attachEvent('onload',tablesLoadData);}/

webdivane / table

Branch — master (dfb0de)

table.js ➔ ... ➔ this.LoadEndCalback A

Complexity

Size

Duplication

Importance

Duplication Side-by-Side

Filter issues like